<template>
    <div class="home">
        <page-container :queryVisible="false" :footerVisible="false" :gutters="20">

        </page-container>
    </div>
</template>
<script lang="ts">
import { Options } from 'vue-class-component'
import { BaseController } from '@xuekl/cli-base'
import { User, UserTable } from '@/entity/system/user'
// import DictService from '@/service/impl/user.service'
import useApp from '@/store/app'
import { randomColor } from '@/utils'

@Options({
    components: {
        // VueOfficeDocx
    },
    mounted() {
        this.init()
    }
})
export default class HomeView extends BaseController {
    appStore = useApp()
    randomColor = randomColor

    excel = 'http://static.shanhuxueyuan.com/test6.docx'
    docx = 'https://4pl-obs-test.obs.cn-east-3.myhuaweicloud.com:443/controltower/1111%E6%B5%8B%E8%AF%95%E5%9C%A8%E7%BA%BF%E9%A2%84%E8%A7%881701305724387.docx?AccessKeyId=WGRFWWFKJDUWPPMIQ5LE&Expires=1701665735&Signature=kvGVQMnbyAkqTK3oAJzUtwzHUHc%3D'

    table: UserTable = new UserTable()

    rendered() {
        console.log('渲染完成');

    }

    init() {
        for (let i = 0; i < 10000; i++) {
            const user = new User()
            user.userName = 'username--' + i
            user.nickName = 'nickname--' + i
            user.sex = 'sex--' + i
            this.table.list.push(user)
        }
    }
}



</script>

<style lang="scss" scoped>
.home-wrap {
    height: 50vh;
}
</style>
